<div class="row">
  <div class="col-xs-12">
    <div class="box">
      <div class="box-body">
        <form class="form-inline">
          <div class="box box-default">
            <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left:0px;margin-bottom:8px !important;">
              <button *ngIf="_.includes(menuResourceSet,'btn-QDIIm-view')" class="btn btn-primary" type="button" (click)="showEditModal('one')">
                <i class="fa fa-edit"></i>查看</button>
              <button *ngIf="_.includes(menuResourceSet,'btn-QDIIm-add')" class="btn btn-primary" type="button" (click)="showAddModal()">
                <i class="fa fa-edit"></i>添加</button>
              <button *ngIf="_.includes(menuResourceSet,'btn-QDIIm-modify')" class="btn btn-primary" type="button" (click)="showModifyModal()">
                <i class="fa fa-edit"></i>修改</button>
              <button *ngIf="_.includes(menuResourceSet,'btn-QDIIm-del')" class="btn btn-primary" type="button" (click)="showDeleteModal()">
                <i class="iconfont icon-iconzhenghe62"></i>删除</button>
              <button *ngIf="_.includes(menuResourceSet,'btn-QDIIm-check')" class="btn btn-primary" type="button" (click)="showAuditModal()">
                <i class="fa fa-check-square-o"></i>审核</button>
              <button *ngIf="_.includes(menuResourceSet,'btn-QDIIm-back')" class="btn btn-primary" type="button" (click)="showWithdrawModal()">
                <i class="fa fa-undo"></i>撤销</button>
              <button class="btn btn-box-tool pull-right" type="button" data-widget="collapse">
                <i class="fa fa-minus"></i>
              </button>
            </div>
            <div class="box-body" style="display:block">
              <div class="form-group col-lg-12" style="margin-bottom:10px !important;padding-left:0px !important;">
                <label>群组名称：</label>
                <input class="form-control" placeholder="群组名称" [(ngModel)]="getBody.sFgName" name="sFgName">
                <label>群组描述：</label>
                <input class="form-control" placeholder="群组描述" [(ngModel)]="getBody.sFgDesc" name="sFgDesc">
                <label>群组成员：</label>
                <input class="form-control" placeholder="群组成员" [(ngModel)]="getBody.sMemberTemp" name="sMemberTemp">
                <button class="btn btn-primary" (click)="loadlist(1)">
                  <i class="fa fa-search"></i>查询</button>
              </div>
            </div>
          </div>
        </form>

        <div class="box-body" style="padding-left:0px;padding-right:0px;">
          <div style="overflow-x:scroll;width:100%">
            <table id="list_table" class="table table-bordered table-keep-line table-hover table-striped" style="margin-top:unset !important;">
              <thead>
                <tr>
                  <th class="width-5">
                    <div class="checkbox checkbox-primary">
                      <input type="checkbox" id="isCheckedAll" name="isCheckedAll" onclick="return false">
                      <label>
                      </label>
                    </div>
                  </th>
                  <th class="width-25">群组名称</th>
                  <th class="width-30">群组描述</th>
                  <th class="width-25">群组成员</th>
                  <th class="width-15">状态</th>
                </tr>
              </thead>
              <tr *ngFor="let item of listData;let index=index">
                <td>
                  <div class="checkbox checkbox-primary">
                    <input type="checkbox" name="checkbox1" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll(index)">
                    <label>
                    </label>
                  </div>
                </td>
                <td class="short_name" [attr.title]="item.sFgName" (dblclick)="showEditModal('dbclick',item)">{{item.sFgName}}</td>
                <td class="short_name" [attr.title]="item.sFgDesc" (dblclick)="showEditModal('dbclick',item)">{{item.sFgDesc}}</td>
                <td class="short_name" [attr.title]="item.sMemberTemp" (dblclick)="showEditModal('dbclick',item)">{{item.sMemberTemp}}</td>
                <td class="short_name" [attr.title]="item.sStatus" (dblclick)="showEditModal('dbclick',item)">{{item.sStatus}}</td>
              </tr>
            </table>
          </div>
        </div>
        <div class="box-footer clearfix" style="width:100%;">
          <app-pagination [currentPageNum]="listPageInfo.currentPageNum" [pagesShow]="" [totalPages]="listPageInfo.totalPages" (pageChanged)="pageNavigation($event)">
            <div class="pull-left pagination-detail" data-pagination-additional="true">
              <span class="pagination-info">
                当前显示第{{listPageInfo.startRow}}到第{{listPageInfo.endRow}}条，总共{{listPageInfo.total}}条，
              </span>
              <span class="page-list">
                每页记录
                <span class="btn-group dropup">
                  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                    <span class="page-size">{{listPageInfo.pageSize}}</span>
                    <span class="caret"></span>
                  </button>
                  <ul class="dropdown-menu" role="menu">
                    <li *ngFor="let i of listPageInfo.pageList" role="menuitem" [class.active]="listPageInfo.pageSize === i" (click)="sizeChange(i)">
                      <a>{{i}}</a>
                    </li>
                  </ul>
                </span>
                条
              </span>
            </div>
          </app-pagination>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- 查看详情#add modal1 -->
<div class="modal modal-detail" id="edit">
  <div #edit></div>
</div>
<!-- 添加#add modal2 -->
<div class="modal modal-detail" id="add">
  <div #add></div>
</div>
<!-- 修改#modify modal3 -->
<div class="modal modal-detail" id="modify">
  <div #modify></div>
</div>
<!-- 删除#delete modal4 -->
<div class="modal modal-detail" id="delete">
  <div #delete></div>
</div>
<!-- 审核#audit modal5 -->
<div class="modal modal-detail" id="audit">
  <div #audit></div>
</div>
<!-- 撤销#withdraw modal6 -->
<div class="modal modal-detail" id="withdraw">
  <div #withdraw></div>
</div>
